<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <!-- 定义默认链接地址与打开方式，“_blank”方式对搜索引擎不友好 -->
    <base target="_blank">
    <!--定义页面字符集，常见中文字符集 GBK GB2312 -->
    <meta charset="UTF-8"> 
    <!-- 响应式，移动端网页显示 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- IE渲染方式 -->
    <meta http-equiv="X-UA-Compatible"content="ie=edge">
    <!-- 网页描述 SEO -->
    <meta name="description" content="">
    <!-- 网页关键字 SEO -->
    <meta name="keywords" content="">
    <!-- 链接样式文件 -->
    <link rel="stylesheet" href="">
    <!-- 定义网页图标，和收藏夹中显示图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 网页标题具有HTML语义的作用  -->
    <title>Web用户界面</title>
</head>

<body>
    <h1>Web用户界面</h1>
    <h2>学号：20190204689  姓名：陈裕星</h2>
    <h3>课程内容</h3>
    <ul>
        <li><a href="html_base/htmlbase.html" >HTML标签基础</a></li>
        <li><a href="html_base/table.html">表格标签</a></li>
        <li><a href="html_base/form.html">表单标签</a></li>
        <li><a href="html_base/semantic.html">语义标签</a></li>
        <li><a href="html_base/other.html">属性、颜色、其他</a></li>
        <li><a href="html_base/css_base/css_one.html">CSS基本语法</a></li>
        <li><a href="html_base/css_base/css_two.html">css继承与层叠</a></li>   
        <li><a href="html_base/css_base/three.html">css选择器</a></li>
        <li><a href="html_base/css_base/css_four.html">css盒子模型</a></li>
        <li><a href="html_base/css_base/css_five.html">css盒子溢出，定位，浮动</a></li>
        <li><a href="html_base/css_base/css_six.html">css常见样式属性</a></li>
        <li><a href="html_base/css_base/menu.html">css导航菜单</a></li>
        <li><a href="html_base/css_base/layout_one.html">css页面布局技术概览</a></li>
        <li><a href="html_base/css_base/layout_two.html">css页面布局-定宽模式</a></li>
        <li><a href="html_base/css_base/three.html">css页面布局-自适应宽度模式</a></li>
        <li><a href="html_base/css_base/layout_four.html">css页面布局-自适应宽度模式</a></li>
        <li><a href="html_base/css_base/layout_five.html">css页面布局-固定宽度网络(删格)系统</a></li>
        <li><a href="html_base/css_base/layout_six.html">css页面布局-自适应宽度网络(删格)系统</a></li>
        <li><a href="html_base/css_base/layout_seven.html">css页面布局-响应式设计</a></li>
    
    </ul>
</body>
</html>